<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">  <!-- 主要是这行代码 官方建议使用 -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>
<h1 align="center">欢迎光临武林秘籍管理系统</h1>
<!--sec:authorize="isAuthenticated()"：判断是否登录-->
<div sec:authorize="!isAuthenticated()">
    <h2 align="center">游客您好，如果想查看武林秘籍 <a th:href="@{/userlogin}">请登录</a></h2>
</div>
<!--sec:authorize="isAuthenticated()"：判断是否登录-->
<div sec:authorize="isAuthenticated()">
    <h2>
        <!--sec:authentication="name"：获取用户名称-->
        <span sec:authentication="name" style="color: red"></span>
        ，您好！您的角色有：
        <!--sec:authentication="principal.authorities"：获取用户的所有角色-->
        <span sec:authentication="principal.authorities" style="color: turquoise"></span>
        ！
    </h2>
    <!--注销-->
    <form th:action="@{/logout}" method="post">
        <input type="submit" value="注销">
    </form>
</div>

<hr>
<!--sec:authorize="hasRole('VIP1')"：判断是否拥有角色VIP1-->
<div sec:authorize="hasRole('VIP1')">
    <h3>普通武功秘籍</h3>
    <ul>
        <li><a th:href="@{/level1/1}">罗汉拳</a></li>
        <li><a th:href="@{/level1/2}">武当长拳</a></li>
        <li><a th:href="@{/level1/3}">全真剑法</a></li>
    </ul>
</div>
<!--sec:authorize="hasRole('VIP2')"：判断是否拥有角色VIP2-->
<div sec:authorize="hasRole('VIP2')">
    <h3>高级武功秘籍</h3>
    <ul>
        <li><a th:href="@{/level2/1}">太极拳</a></li>
        <li><a th:href="@{/level2/2}">七伤拳</a></li>
        <li><a th:href="@{/level2/3}">梯云纵</a></li>
    </ul>
</div>
<!--sec:authorize="hasRole('VIP3')"：判断是否拥有角色VIP3-->
<div sec:authorize="hasRole('VIP3')">
    <h3>绝世武功秘籍</h3>
    <ul>
        <li><a th:href="@{/level3/1}">葵花宝典</a></li>
        <li><a th:href="@{/level3/2}">龟派气功</a></li>
        <li><a th:href="@{/level3/3}">独孤九剑</a></li>
    </ul>
</div>
</body>
</html>